<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6的函数参数默认值</title>
</head>

<body>
    <script>
        function fn(a = 100, b = 200) {
            //表示声明了两个形参
            //其中a设置默认值为100
            //其中b设置默认值为200
            console.log('a:', a)
            console.log('b:', b)
            console.log('------------------')
        }
        //两个实参都没有传递，都会使用默认值
        fn()
        
        //给a进行了赋值，a就使用10
        //b继续使用默认值200
        fn(10)

        //给a进行了赋值，a就使用10
        //给b进行了赋值，b就使用20
        fn(10,20)
        


        //用箭头函数
        var fn=(a = 100, b = 200) => {
            //表示声明了两个形参
            //其中a设置默认值为100
            //其中b设置默认值为200
            console.log('a:', a)
            console.log('b:', b)
            console.log('------------------')
        }
        //两个实参都没有传递，都会使用默认值
        fn()
        
        //给a进行了赋值，a就使用10
        //b继续使用默认值200
        fn(10)

        //给a进行了赋值，a就使用10
        //给b进行了赋值，b就使用20
        fn(10,20)
    </script>
</body>

</html>